<!DOCTYPE html>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>呆蜗牛Demo登录</title>
	<link href="/assets/themes/adminLTE/adminLTE/css/AdminLTE.min.css" rel="stylesheet">
	<link href="/assets/themes/adminLTE/adminLTE/css/skins/_all-skins.min.css" rel="stylesheet">
	<link href="/assets/themes/adminLTE/bootstrap/css/bootstrap.min.css" rel="stylesheet">

	<link href="/assets/common.css" rel="stylesheet">

	<!--[if lt IE 9]><!--<script src="/assets/html5shiv/dist/html5shiv.js"></script>--><![endif]-->

	<script src="/assets/themes/adminLTE/jquery/jquery.min.js"></script>
</head>
<body class="hold-transition login-page">
<div class="login-box full-opacity-hover">
	<div class="login-logo">
		<a href="/"><b>呆蜗牛</b>Demo</a>
	</div>
	<!-- /.login-logo -->
	<div class="login-box-body">
		<p class="login-box-msg">呆蜗牛Demo登录</p>
		<jsp:include page="/WEB-INF/pages/msgTip.jsp"/>
		<form action="/login" method="post">
			<div class="form-group has-feedback">
				<input type="text" name="name" class="form-control" placeholder="登录名" value="${name}">
				<span class="glyphicon glyphicon-envelope form-control-feedback"></span>
			</div>
			<div class="form-group has-feedback">
				<input type="password" name="password" class="form-control" placeholder="密码">
				<span class="glyphicon glyphicon-lock form-control-feedback"></span>
			</div>
			<div class="row">
				<div class="col-xs-8">
					其它登录方式:&nbsp;&nbsp;
					<button type="button" class="btn btn-sm" title="暂不支持，点也没用的..."><i class="fa fa-qq"></i></button>
					<%--<span id="qqLoginBtn" title="暂不支持，点也没用的..." style="background-color: #adadad;"></span>--%>
					<%--<div class="checkbox icheck">--%>
						<%--<label>--%>
							<%----%>
						<%--</label>--%>
					<%--</div>--%>
				</div>
				<!-- /.col -->
				<div class="col-xs-4">
					<button type="submit" class="btn btn-primary btn-block btn-flat">登录</button>
				</div>
				<!-- /.col -->
			</div>
		</form>

		<%--<div class="social-auth-links text-center">--%>
			<%--<p>- OR -</p>--%>
			<%--<a href="#" class="btn btn-block btn-social btn-facebook btn-flat"><i class="fa fa-facebook"></i> Sign in using--%>
				<%--Facebook</a>--%>
			<%--<a href="#" class="btn btn-block btn-social btn-google btn-flat"><i class="fa fa-google-plus"></i> Sign in using--%>
				<%--Google+</a>--%>
		<%--</div>--%>
		<!-- /.social-auth-links -->

		<%--<a href="#">I forgot my password</a><br>--%>
		<a href="/register" class="text-center">注册个新的</a>

	</div>
	<div class="text-info">
		2016 © 呆蜗牛 - 呆蜗牛Demo系统.
	</div>
	<!-- /.login-box-body -->
</div>
<!-- /.login-box -->

<script src="/assets/themes/adminLTE/bootstrap/js/bootstrap.min.js"></script>
<script src="/assets/themes/adminLTE/adminLTE/js/app.min.js"></script>
<script src="/assets/common.js"></script>
<%--<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="101315217" data-redirecturi="http://www.daiwoniu.com" charset="utf-8"></script>--%>
<script>
	$(function () {
		// init background slide images
		$.backstretch([
					"/assets/img/bg/5.jpg",
					"/assets/img/bg/6.jpg",
					"/assets/img/bg/7.jpg",
					"/assets/img/bg/8.jpg",
					"/assets/img/bg/9.jpg",
					"/assets/img/bg/10.jpg",
					"/assets/img/bg/11.jpg",
					"/assets/img/bg/12.jpg",
					"/assets/img/bg/13.jpg"
				], {
					fade: 1500, // 显示速度
					duration: 800  // 切换时间
				}
		);
		$('input').iCheck({
			checkboxClass: 'icheckbox_square-blue',
			radioClass: 'iradio_square-blue',
			increaseArea: '20%' // optional
		});

//		var tt = QC.Login.check();
//		if(tt){
//			QC.Login.getMe(function(openId, accessToken){
//				alert(openId);
//				alert(accessToken);
//			});
//		}else{
//			QC.Login({
//				btnId:"qqLoginBtn",    //插入按钮的节点id
//				//用户需要确认的scope授权项，可选，默认all
//				scope:"all",
//				//按钮尺寸，可用值[A_XL| A_L| A_M| A_S|  B_M| B_S| C_S]，可选，默认B_S
//				size: "B_M"
//			}, function(oInfo, oOpts){
//				// 登录成功的回调函数，登录成功后被调用
//				// oInfo：当前登录用户的基本信息，即OpenAPI中get_user_info返回的数据。
//				// oOpts：回传初始化参数
//				console.log(oInfo);
//			}, function(){
//				// 注销成功的回调函数，注销后被调用：
//				alert("注销成功!");
//			});
//		}
	});

</script>
</body>
</html>